<script type="text/javascript">
$(document).ready(function() {
	$("#btnAgregarCuenta").on('click', function(){
		ajaxCall({
			controller : 'perfil',
			action : 'guardarCuentaBancaria',
			parameters: $('#formCuentaBancaria').serialize(),
			success : function(e) {
				$("#divCuentaBancaria").html(e);
			}, complete: function (e){
				if ($("#esModalCuentaBancaria").val()=='true' && $("#graboOkCuentaBancaria").val()=='true'){
					$("#labelAgregarCuenta").hide();
					$("#divTextoCuenta").html("Cuenta agregada");
					$("#divCuenta").show();
				}
			}
	
		});
		return false;
	});
});
</script>
<div id="divCuentaBancaria">
	<div class="row-fluid">
		<g:set var="graboOk" value="${result.toBoolean() }" ></g:set>
		<div id="errors">
			<g:if test="${graboOk}">
				<button type="button" class="close" data-dismiss="alert">&times;</button>
				<div class="alert alert-success">Se grab&oacute; todo ok!</div>
			</g:if>
			<g:else>
				<g:hasErrors bean="${cuentaBancaria}">
					<g:eachError bean="${cuentaBancaria}" var="error">
						<div class="alert alert-error" style="margin-bottom: 5px;">
							<button type="button" class="close" data-dismiss="alert">&times;</button>
							<g:message error="${error}"/>
						</div>
					</g:eachError>
				</g:hasErrors>
			</g:else>
		</div>
		<g:form id="formCuentaBancaria" name="formCuentaBancaria" controller="perfil" action="crearCuentaBancaria">
			<g:hiddenField name="cuentaBancariaId" id="cuentaBancariaId" value="${cuentaBancaria?.id}" />
			<g:hiddenField name="esModalCuentaBancaria" id="esModalCuentaBancaria" value="${esModal.toBoolean() }" />
			<g:hiddenField name="graboOkCuentaBancaria" id="graboOkCuentaBancaria" value="${graboOk}" />
			<div id="precio">
				<div class="span5">
					<div class="control-group ${hasErrors(bean: cuentaBancaria, field: 'banco', 'error') }">
						<label class="control-label" for="banco">Banco:</label>
						<div class="controls">
							<g:select name="banco.id" optionKey="id" from="${ar.com.binarit.entities.Banco.list()}" value="${cuentaBancaria?.banco?.id }" id="banco" class="span9"/>
						</div>
					</div>
					<div class="control-group ${hasErrors(bean: cuentaBancaria, field: 'cbu', 'error') }">
						<label class="control-label" for="cbu">CBU:</label>
						<div class="controls">
							<g:textField class="span8" id="cbu" maxLength="22" value="${cuentaBancaria?.cbu}" name="cbu" onkeypress="soloNumeros(event,false)"/>
						</div>
					</div>
									
					<div class="control-group ${hasErrors(bean: cuentaBancaria, field: 'motivo', 'error') }">
						<label class="control-label" for="motivo">Motivo:</label>
						<div class="controls">
							<g:textField class="span8" id="motivo" value="${cuentaBancaria?.motivo}" name="motivo"/>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="tipoDocumento">Tipo de Documento:</label>
						<div class="controls">
							<g:select optionKey="id" from="${ar.com.binarit.entities.TipoDocumento.list()}" value="${cuentaBancaria?.tipoDocumento?.id }" name="tipoDocumento.id" id="tipoDocumento" class="span6"/>
						</div>
					</div>
					
					<div class="control-group ${hasErrors(bean: cuentaBancaria, field: 'documento', 'error') }">
						<label class="control-label" for="documento">Documento:</label>
						<div class="controls">
							<g:textField class="span9" id="documento" value="${cuentaBancaria?.documento}" name="documento" maxLength="50"/>
						</div>
					</div>
				</div>
				<div class="separator"></div>
				<div align="center">
					<button id="btnAgregarCuenta" name="btnAgregarCuenta" class="btn btn-primary btn-large span4 centrar">Guardar</button>
					<g:if test="${ esModal.toBoolean()}">
						<button  data-dismiss="modal" id="btnCerrarAuto" name="btnCerrarAuto" class="btn btn-primary btn-large span4 centrar">Cerrar</button>
					</g:if>
				</div>
			</div>
		</g:form>
	</div>
</div>